<template>
	<view class="flexStyle pageContent">
		<u-navbar title="出错了！" :autoBack="true" leftIconSize="16"
							@leftClick="leftClick" :titleStyle="{color:'#303133',fontSize:'32rpx'}"></u-navbar>
		<view class="status_bar"></view>
		<view class="status_bar_space"></view>
		
			<view class="flexStyle L1" @click="leftClick()">
					<view class="flexStyle L1-icon">
							<image src="../../static/error.png" class="icon"></image>
					</view>
					<view class="L1-txt">出错了！</view>
			</view>
			<view class="L2">错误信息：</view>
			<view class="L3">{{errorMsg}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				errorMsg:"", //错误信息 
			}
		},
		onLoad(option) {
			console.log("参数option==",option);
			if(JSON.stringify(option)!="{}"){
				this.errorMsg=option.errorMsg;
			}
		},
		methods: {
			//顶部导航回退箭头点击触发
			leftClick(){
				//uni.navigateBack();
				uni.redirectTo({
					url:"../init/init",
				})
			},
		}
	}
</script>

<style lang="scss">
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}
	.status_bar_space {
		height: 130rpx;
		width: 100%;
	}
	
	.flexStyle{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.pageContent{
		width: 750rpx;
		height: 100vh;
		flex-direction: column;
		justify-content: flex-start;
		background-color: #F8F8F8;	
	}
	.L1{
		width: 600rpx;
		height: 150rpx;
		background-color: #ffffff;
		border-radius: 20rpx;
		margin-top: 150rpx;
	}
	.L1-icon{
		width: 200rpx;
		height: 150rpx;
		justify-content: flex-start;
	}
	.icon{
		width: 100rpx;
		height: 100rpx;
		margin-left: 20rpx;
	}
	.L1-txt{
		width: 400rpx;
		height: 150rpx;
		color: #FF0000;
		font-size: 60rpx;  
		text-align: center;
		font-family: MicrosoftYaHei;
		line-height: 150rpx;
	}
	.L2{
		width: 600rpx;
		height: 80rpx;
		color: #666666;
		font-size: 38rpx;
		text-align: left;
		font-family: MicrosoftYaHei;
		line-height: 80rpx;
	}
	.L3{
		width: 600rpx;
		height: 200rpx;
		font-size: 30rpx;
		text-align: left;
		font-family: MicrosoftYaHei;
		line-height: 50rpx;
		white-space:normal; 
		word-break:break-all;
	}
</style>
